﻿
@charset "UTF-8";
/*====================================================================
 title
====================================================================*/
/*----- h1 -----*/
h1 {
	border: 1px solid #afafaf;
	border-radius: 4px;		/* CSS3草案 */  
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */  
	zoom: 1;
	background: url(../image/cmn/h1_bg_01.gif) left top repeat-y #f5f5f5;
	background: url(../image/cmn/h1_bg_01.gif) left top repeat-y, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));/* webkit */
	background: url(../image/cmn/h1_bg_01.gif) left top repeat-y, -moz-linear-gradient(top,  #ffffff,  #eeeeee);/* fx */
	font-size: 140%;
	margin: 0 0 20px 0;
	padding: 14px 20px 13px;
}
#environment h1 {
	border: 1px solid #afafaf;
	border-radius: 4px;		/* CSS3草案 */  
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */  
	zoom: 1;
	background: url(../image/cmn/h1_bg_02.gif) left top repeat-y #f5fcf2;
	background: url(../image/cmn/h1_bg_02.gif) left top repeat-y, -webkit-gradient(linear, left top, left bottom, from(#f5fcf2), to(#e4f1df));/* webkit */
	background: url(../image/cmn/h1_bg_02.gif) left top repeat-y, -moz-linear-gradient(top,  #f5fcf2,  #e4f1df);/* fx */
	font-size: 140%;
	margin: 0 0 20px 0;
	padding: 14px 20px 13px;
}

h1.profile {
	zoom: 1;
	background: url(../image/cmn/h1_profile_01.jpg) left top no-repeat;
	border: none;
	height: 68px;
	vertical-align: middle;
	font-size: 140%;
	padding: 47px 0 0 20px;
	margin: 0 0 20px 0;
}

h1.contact {
	zoom: 1;
	background: url(../image/cmn/h1_contact_01.jpg) left top no-repeat;
	border: none;
	height: 68px;
	vertical-align: middle;
	font-size: 140%;
	padding: 47px 0 0 20px;
	margin: 0 0 20px 0;
}

h1.sample {
	zoom: 1;
	background: url(../image/cmn/h1_sample_01.jpg) left top no-repeat;
	border: none;
	height: 68px;
	vertical-align: middle;
	font-size: 140%;
	padding: 47px 0 0 20px;
	margin: 0 0 20px 0;
}

h1.support {
	zoom: 1;
	background: url(../image/cmn/h1_support_01.jpg) left top no-repeat;
	border: none;
	height: 68px;
	vertical-align: middle;
	font-size: 140%;
	padding: 47px 0 0 20px;
	margin: 0 0 20px 0;
}
h1.image-title {
	background: none;
	border: none;
	margin: 0 0 20px 0;
	padding: 0;
}

/*----- h2 -----*/
h2 {
	border: 1px solid #afafaf;
	border-radius: 3px;		/* CSS3草案 */  
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
	zoom: 1;
	background: url(../image/cmn/cmn_ico_06.gif) 10px center no-repeat #f5f5f5;
	background: url(../image/cmn/cmn_ico_06.gif) 10px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));/* webkit */
	background: url(../image/cmn/cmn_ico_06.gif) 10px center no-repeat, -moz-linear-gradient(top,  #ffffff,  #eeeeee);/* fx */
	font-size: 120%;
	margin: 16px 0 10px 0;
	padding: 9px 11px 7px 25px;
	clear: both;
}
#environment h2 {
	border: 1px solid #afafaf;
	border-radius: 3px;		/* CSS3草案 */  
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
	zoom: 1;
	background: url(../image/cmn/cmn_ico_09.gif) 10px center no-repeat #f5fcf2;
	background: url(../image/cmn/cmn_ico_09.gif) 10px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f5fcf2), to(#e4f1df));/* webkit */
	background: url(../image/cmn/cmn_ico_09.gif) 10px center no-repeat, -moz-linear-gradient(top,  #f5fcf2,  #e4f1df);/* fx */
	font-size: 120%;
	margin: 16px 0 10px 0;
	padding: 9px 11px 7px 25px;
	clear: both;
}
h2 a {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_08.gif) right center no-repeat;
	display: block;
	text-decoration: none !important;
	padding-right: 12px;

}
h2 a:hover {
	text-decoration: underline !important;
}
h2 span.contact01 {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_10.gif) right center no-repeat;
	display: block;
}
h2 span.contact02 {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_28.gif) right center no-repeat;
	display: block;
}
h2 span.contact03 {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_29.gif) right center no-repeat;
	display: block;
}

h2.bg-h2-circle {
	background: url(../image/cmn/h2_bg_09.gif) left 2px no-repeat;
	border: none;
	padding: 0 0 0 22px;
	margin: 0 0 10px 4px;
	font-size: 120%;
	color: #cc0000;
}
h2.image-title {
	background: none;
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
}
h2.h2anchorlink a {
	display: inline;
	background: none;
}

/*----- h3 -----*/
h3 {
	background: url(../image/cmn/cmn_ico_11.gif) left top no-repeat;
	border-bottom: 1px solid #bcbcbc;
	padding: 0 0 4px 9px;
	margin: 16px 0 10px 0;
	font-size: 110%;
	line-height: 1.2;
	clear: both;
}

#environment h3 {
	background: url(../image/cmn/cmn_ico_12.gif) left top no-repeat;
	border-bottom: 1px solid #bcbcbc;
	padding: 0 0 4px 9px;
	margin: 16px 0 10px 0;
	font-size: 110%;
	line-height: 1.2;
	clear: both;
}

/*----- h4 -----*/
h4 {
	margin: 16px 0 10px 0 !important;
	font-size: 110%;
	clear: both;
}
body#environment h4 {
	margin: 16px 0 6px !important;
	font-size: 110%;
	color: #019800;
	clear: both;
}


/*====================================================================
 リスト
====================================================================*/
#colRight ul,
#colum1 ul {
	margin: 0 0 12px 0;
}
#colRight li,
#colum1 li {
	background: url(../image/cmn/cmn_ico_01.gif) left 8px no-repeat;
	list-style: none;
	padding: 0 0 0 8px;
	margin: 5px 0 5px 5px;
}
li ul li {
	background: url(../image/cmn/cmn_ico_01.gif) left 8px no-repeat !important;
	padding: 0 0 0 8px !important;
	margin: 5px 0 5px 5px !important;
	font-weight: normal !important;
}
.appli_selection li,
.Category2cols li {
	width: 302px;
	float: left;
	margin: 5px 25px 5px 5px !important;
}
#colum1 .appli_selection li,
#colum1 .Category2cols li {
	width: 207px;
	float: left;
	padding: 0 10px 0 8px !important;
	margin: 5px 0 5px 5px !important;
}
.micro3cols li {
	width: 210px;
	float: left;
	margin: 5px 10px 5px 5px !important;
}
.appli_selection:after,
#colum1 .appli_selection:after,
.Category2cols:after,
#colum1 .Category2cols:after,
.micro3cols:after,
ul.list_col2:after {
	clear: left;
	content: ".";
	display: block;
	height: 0;
	margin-bottom: -1em;
	visibility: hidden;
}
.appli_selection,
#colum1 .appli_selection,
.Category2cols,
#colum1 .Category2cols,
.micro3cols
ul.list_col2 {
	zoom: 1;
}
.pdf li {
	background: url(../image/cmn/cmn_ico_15.gif) left top no-repeat !important;
	padding: 0 0 0 25px !important;
	margin: 0 0 5px 0 !important;
	line-height: 1.4;
}
.pdf li ul li {
	background: url(../image/cmn/cmn_ico_01.gif) left 4px no-repeat !important;
	padding: 0 0 0 8px !important;
	margin: 5px 0 5px 5px !important;
}
.txt li {
	background: url(../image/cmn/cmn_ico_16.gif) left top no-repeat !important;
	padding: 0 0 0 25px !important;
	margin: 0 0 5px 0 !important;
	line-height: 1.4;
}
.notes ul li {
	background: none !important;
	font-size: 85%;
	padding: 0 !important;
	margin-bottom: 2px !important;
}
#colRight ol, 
#colum1 ol { 
    padding: 0 0 0 5px; 
}
#colRight ol li,
#colum1 ol li {
	background: none !important;
	font-size: 90%;
	list-style-image: none;
	list-style: decimal !important;
	padding: 0;
	margin: 8px 0 8px 23px;
}
*+html #colRight ol li,
*+html #colum1 ol li {
	margin: 8px 0 8px 26px;
}

#colRight ol ul li,
#colum1 ol ul li {
	list-style: none !important;
	background: url(../image/cmn/cmn_ico_01.gif) left 8px no-repeat !important;
	padding: 0 0 0 8px;
	margin: 5px 0 5px 5px;
}
.image-icon-box-160x3 {
	clear: both;
	margin-bottom: 1em;
	width: 550px;
}
ul.list_col2 li {
	width: 47%;
	float: left;
}
#colRight ol li ul.listmark-dot li {
	background: url(../image/cmn/cmn_ico_01.gif) left 8px no-repeat !important;
}


/*====================================================================
 定義リスト
====================================================================*/
#colRight dl,
#colum1 dl {
	margin: 0 0 12px 0;
}
#colRight dt,
#colum1 dt {
	background: url(../image/cmn/cmn_ico_22.gif) left 4px no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 9px 0;
	font-weight: bold;
}
#colRight dd,
#colum1 dd {
	margin: 0 0 18px 18px;
}
#colRight dd dl dt,
#colum1 dd dl dt {
	background: url(../image/cmn/cmn_ico_01.gif) left 4px no-repeat !important;
	padding: 0 0 0 8px !important;
	margin: 5px 0 5px 5px !important;
}
#colRight dd.dotted-line-bottom,
#colum1 dd.dotted-line-bottom {
	border-bottom: 1px dotted #442222;
	padding: 0 0 5px 0;
	margin: 0 0 12px 18px !important;
	}
#colRight dd .leftBlock,
#colum1 dd .leftBlock {
	float: left;
	padding: 0 10px 0 0;
}
#colRight dd .leftBlock img,
#colum1 dd .leftBlock img {
	border: 1px solid #666666;
}
#colRight dd .rightBlock,
#colum1 dd .rightBlock {
	float: left;
}

#colRight .dl-style-icon,
#colum1 .dl-style-icon {
	margin: 0 0 10px 0;
}
#colRight .dl-style-icon dt,
#colum1 .dl-style-icon dt {
	background: none;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
}
#colRight .dl-style-icon dt img,
#colum1 .dl-style-icon dt img {
	margin: 0 8px 0 0;
	vertical-align: middle;
}
#colRight .dl-style-icon dd,
#colum1 .dl-style-icon dd {
	margin: 0;
	padding: 0 0 0 39px;
}

#colRight .tsb-support-menu dl,
#colum1 .tsb-support-menu dl {
	width: 188px;
	float: left;
	margin: 0 0 10px 0;
}
#colRight .tsb-support-menu dt,
#colum1 .tsb-support-menu dt {
	background: none;
	width: 148px;
	padding: 5px 0 0;
	float: right;
	font-weight: bold;
}
#colRight .tsb-support-menu dd,
#colum1 .tsb-support-menu dd {
	float: right;
	width: 148px;
}
#colRight .tsb-support-menu .support-img,
#colum1 .tsb-support-menu .support-img {
	float: left;
	width: 40px;
	margin: 0;
	padding: 0;
}
#colRight .tsb-support-menu:after,
#colum1 .tsb-support-menu:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#colRight .tsb-support-menu,
#colum1 .tsb-support-menu {
	zoom: 1;
}

#colRight .list2col01,
#colum1 .list2col01 {
	background: #f0f0f6;
	border: 1px solid #cccccc;
	padding: 15px;
	margin: 0 0 1em;
}

#colRight .list2col02,
#colum1 .list2col02 {
	background: #fafaf6;
	border: 1px solid #cccccc;
	padding: 15px;
	margin: 0 0 1em;
}
#colRight .list2col01 dt,
#colRight .list2col02 dt,
#colum1 .list2col01 dt,
#colum1 .list2col02 dt {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_22.gif) left 3px no-repeat;
	width: 18%;
	float: left;
	padding: 0 15px 0 18px !important;
	margin: 0 !important;
	font-size: 100%;
	font-weight: bold;
}
#colRight .list2col01 dt img,
#colRight .list2col02 dt img,
#colum1 .list2col01 dt img ,
#colum1 .list2col02 dt img {
	margin: 5px 0 0 -18px;
}
#colRight .list2col01 dd,
#colRight .list2col02 dd,
#colum1 .list2col01 dd,
#colum1 .list2col02 dd {
	width: 70%;
	float: left;
	margin: 0;
}

#colRight dl.faq:after,
#colum1 dl.faq:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	margin-bottom: 1em;
	visibility: hidden;
}
#colRight .faq dt,
#colum1 .faq dt {
	background: none;
	float: left;
	width: 40px;
	margin: 0;
	padding: 0;
	clear: both;
}
#colRight .faq dd,
#colum1 .faq dd {
	border-bottom: 1px dotted #6699ff;
	padding: 2px 0 15px 0;
	margin: 0 0 15px 0;
}
#colRight .faq dd.noline,
#colRight .faq dd.noline {
	border-bottom: none;
	padding: 2px 0 0 0;
	margin: 0;
}


/*====================================================================
 icon
====================================================================*/
li.txt {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_16.gif) left top no-repeat !important;
	padding: 0 0 0 25px !important;
	margin: 0 0 10px 0 !important;
}
li.pdf {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_15.gif) left top no-repeat !important;
	padding: 0 0 0 25px !important;
	margin: 0 0 10px 0 !important;
}
.tel {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_19.gif) left 5px no-repeat !important;
	padding: 0 0 0 25px !important;
}
.fax {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_20.gif) left 5px no-repeat !important;
	padding: 0 0 0 25px !important;
}
.mail {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_21.gif) left 5px no-repeat !important;
	padding: 0 0 0 25px !important;
}
.icon-win {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_17.gif) right center no-repeat;
	padding: 0 16px 0 0;
}
.liIco01 {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_02.gif) left 5px no-repeat !important;
	padding: 0 0 0 18px !important;
	margin: 0 0 10px 0 !important;
	font-weight: bold;
}
.liIco02 {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_01.gif) left 6px no-repeat !important;
	padding: 0 0 0 8px !important;
	margin: 0 0 10px 0 !important;
}


/*====================================================================
 ページ内リンク
====================================================================*/
.anchorlink {
	width: 695px;
	margin: 0 0 20px 5px;
}
.anchorlink ul {
	margin: 0 !important;
}
.anchorlink ul li {
	display: block;
	zoom: 1;
	background: url(../image/cmn/cmn_ico_13.gif) left 5px no-repeat !important;
	float: left;
	padding: 0 0 0 16px !important;
	margin: 0 20px 5px 0 !important;
	white-space:nowrap;
}
.anchorlink ul li a {
	color: #333333;
	text-decoration: underline;
}
.anchorlink ul li a:hover {
	text-decoration: none;
}
.anchorlink:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.anchorlink {
	zoom: 1;
}


/*====================================================================
 横移動リンク
====================================================================*/
#rellink-menu,
.rellink-menu {
	background: #f4f4f4;
	border: 1px solid #d4d4d4;
	padding: 0 14px 8px;
	margin: 0 0 20px 0;
}
#rellink-menu ul,
.rellink-menu ul {
	margin: 0 !important;
}
#rellink-menu ul li,
.rellink-menu ul li {
	zoom: 1;
	background: #ffffff !important;
	background-image: none !important;
	border: 1px solid #d4d4d4;
	float: left;
	padding: 5px 7px 3px !important;
	margin: 8px 10px 0 0 !important;
	white-space: nowrap;
}
#rellink-menu ul li a,
.rellink-menu ul li a {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_02.gif) left 1px no-repeat;
	padding: 0 0 0 16px;
	color: #333333;
	text-decoration: underline;
}
#rellink-menu ul li a:hover,
.rellink-menu ul li a:hover {
	text-decoration: none;
}
#rellink-menu ul li#page-select,
.rellink-menu ul li#page-select {
	zoom: 1;
	background: #d70b0d !important;
	border: 1px solid #f4f4f4;
	float: left;
	padding: 5px 7px 3px;
	margin: 0 10px 8px 0;
}
#rellink-menu ul li#page-select span,
.rellink-menu ul li#page-select span {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_14.gif) left 1px no-repeat;
	padding: 0 0 0 16px;
	color: #ffffff;
}
#rellink-menu ul li#page-select a,
.rellink-menu ul li#page-select a {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_14.gif) left 1px no-repeat;
	padding: 0 0 0 16px;
	color: #ffffff;
}
#rellink-menu:after,
.rellink-menu:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#rellink-menu,
.rellink-menu {
	zoom: 1;
}


/*====================================================================
 line
====================================================================*/
.line_dot01 {
	border-bottom: 1px dotted #666666;
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
}
.dotted-line {
	border-top: 1px dotted #c1c1c1;
	padding-top: 1em;
	margin-top: 1em;
}


/*====================================================================
 table
====================================================================*/
#maincontents table {
	border-collapse: collapse;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	font-size: 90%;
	line-height: 150%;
}
#maincontents table caption {
	text-align: left;
	white-space: nowrap;
}
#maincontents table th {
	background-color: #EAEAEA;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	font-weight: normal;
	padding: 2px 5px;
	text-align: center;
	vertical-align: middle;
}
#maincontents table td {
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	padding: 5px 5px;
	text-align: left;
	vertical-align: middle;
}
#maincontents table td.pdf, #content table.compact td.pdf {
	background: url(../image/cmn/cmn_ico_07.gif) no-repeat scroll 5px center #FFFFFF;
	padding-left: 29px;
}
#maincontents table td .tel, #content table td .tel {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_19.gif) left 2px no-repeat !important;
	padding: 0 0 0 25px !important;
}
#maincontents table.nowrap th, #content table.nowrap td {
	white-space: nowrap;
}
#maincontents table td p {
	margin-bottom: 8px;
}
#maincontents table td p, #content table td ul {
	font-size: 100%;
}
#maincontents table.compact th, #content table.compact td {
	padding-left: 3px;
}
#maincontents table.compact td p, #content table.compact td ul {
	font-size: 100%;
}
* html #maincontents table.compact {
	word-break: break-all;
}
* html #maincontents table.non_wordbreak {
	word-break: normal;
}
#maincontents table.tableType01 th {
	background-color: #FFFFFF;
}
#maincontents table tr.even td {
	background-color: #F0F0F6;
}
#maincontents table td.image-large {
	clear: both;
	margin: 12px auto;
	font-size: 80%;
	text-align: center;
}
#maincontents table td.image-large span.text-green {
	color: #339900;
}
#maincontents table td.pinkBg {
	background: #F9D3E3;
	text-align: center;
}
#maincontents table td.blueBg {
	background: #CCFFFF;
	text-align: center;
}
#maincontents table td.yellowBg {
	background: #FFFFCC;
	text-align: center;
}
#maincontents table td.grayBg {
	background: #CCCCCC;
	text-align: center;
}
#maincontents table.new-products {
	border-left: medium none;
	border-top: medium none;
}
#maincontents table.new-products th {
	background: none repeat scroll 0 0 #F7F7F7;
	border-left: medium none;
	border-right: 1px solid #E6E6E6;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
#maincontents table.new-products th.category {
	border-bottom: 1px dotted #e6e6e6;
	padding: 0 10px;
}
#maincontents table.new-products th.date {
	border-bottom: 1px solid #999999;
	color: #999999;
	padding: 0 10px 0 20px;
}
#maincontents table.new-products td {
	border-bottom: 1px solid #999999;
	border-right: medium none;
	padding: 0.6em 1em;
	vertical-align: middle;
}
#maincontents table.new-products tr.first th.category {
	border-top: 5px solid #666666;
}
#maincontents table.new-products tr.first td {
	border-top: 5px solid #B3B3B3;
}

 /* 光半導体　可視LED発光色を示す背景色 */
#maincontents table tr td.LED-RED {  
	background-color: #FCCDCF;	  /* セルの背景色：赤 */
	text-align: center;
}
#maincontents table tr td.LED-ORANGE {  
	background-color: #FFCC33;	  /* セルの背景色：橙 */
	text-align: center;
}
#maincontents table tr td.LED-YELLOW {  
	background-color: #FFFF99;	  /* セルの背景色：黄 */
	text-align: center;
}
#maincontents table tr td.LED-PURE_YELLOW {  
	background-color: #FFFF4D;	  /* セルの背景色：純黄 */
	text-align: center;
}
#maincontents table tr td.LED-GREEN {  
	background-color: #98FB98;	  /* セルの背景色：緑 */
	text-align: center;
}
#maincontents table tr td.LED-PURE_GREEN {  
	background-color: #00CC66;	  /* セルの背景色：純緑 */
	text-align: center;
}
#maincontents table tr td.LED-FRESH_GREEN {  
	background-color: #99FF33;	  /* セルの背景色：フレッシュグリーン */
	text-align: center;
}
#maincontents table tr td.LED-EMERALD_GREEN {  
	background-color: #33CC99;	  /* セルの背景色：エメラルドグリーン */
	text-align: center;
}
#maincontents table tr td.LED-AMBER {  
	background-color: #FFCC66;	  /* セルの背景色：黄褐（アンバー） */
	text-align: center;
}
#maincontents table tr td.LED-BLUE {  
	background-color: #00CCFF;	  /* セルの背景色：青 */
	text-align: center;
}
#maincontents table tr td.LED-BLUISH_GREEN {  
	background-color: #3CB371;	  /* セルの背景色：青緑 */
	text-align: center;
}
#maincontents table tr td.LED-REDDISH_PURPLE {  
	background-color: #CCCCFF;	  /* セルの背景色：赤紫 */
	text-align: center;
}
#maincontents table tr td.LED-WIT {  
	background-color: #FFFFFF;	  /* セルの背景色：白 */
	text-align: center;
}

#maincontents table.linkbar, #maincontents table.linkbar td {
	border: medium none !important;
	padding: 0 5px 0 !important;
}

#maincontents table.linkbar02, #maincontents table.linkbar02 td {
	border: medium none !important;
	padding: 0 5px 10px !important;
	vertical-align: top !important;
}

#maincontents table tr.tbl-bgcolor {
	background-color: #F9DDDD;
}
#maincontents table .color01 {
	background-color: #DCD7FF;
}
#maincontents table .color02 {
	background-color: #A0D2FF;
}
#maincontents table .color03 {
	background-color: #DCF5FF;
}
#maincontents table .color04 {
	background-color: #DCF0D2;
}
#maincontents table .color05 {
	background-color: #F0F5B4;
}
#maincontents table .color06 {
	background-color: #FFEBB4;
}
#maincontents table .color07 {
	background-color: #FFE6E6;
}
#maincontents table .color08 {
	background-color: #B6E09B;
}

#maincontents table.spec {
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	margin: 4px 0 12px;
}
#maincontents table.spec th {
	background: none repeat scroll 0 0 #F4F4F4;
	text-align: left;
}
#maincontents table.spec th.ct {
	text-align: center;
}
#maincontents table.spec th.base {
	background: none repeat scroll 0 0 #CCCCCC;
}
#maincontents table.spec td {
	text-align: center;
}
#maincontents table.spec td.left {
	text-align: left;
}

#maincontents table.site-history {
	width: 100%;
}
#maincontents table.site-history td.year {
	background-color: #DFDAB6;
	width: 30%;
}
#maincontents table.site-history td.cont {
	background-color: #F1F1F1;
	width: 70%;
}

#description {
	clear: both;
}
#description table {
	border: medium none;
	width: 100%;
}
#description table th, #description table td {
	border: medium none;
	padding: 0.4em;
}
#description table th {
	font-weight: bold;
	width: 35%;
}
#description table td {
	text-align: left;
	width: 65%;
}
#description table tr.odd th, #description table tr.odd td {
	background-color: #FEFEFE;
}
#description table tr.even th, #description table tr.even td {
	background-color: #EEEEEE;
}

#package {
	float: left;
	padding-bottom: 8px;
	width: 400px;
}
#package table {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	font-size: 90%;
	line-height: 150%;
	margin: 4px 0 12px;
	text-align: center;
	width: 400px;
}
#package table th {
	background: url("../image/th_col_bg.png") no-repeat scroll left top #FAF0F0;
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px solid #EDCBCB;
	font-weight: bold;
	padding: 2px 5px;
	text-align: center;
	vertical-align: middle;
}
#package table td {
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 2px 5px;
	text-align: center;
	vertical-align: middle;
}
#package p.note {
	font-size: 80%;
}

#ele_charac {
	float: right;
	padding-bottom: 8px;
	width: 490px;
}
#ele_charac table {
	width: 100%;
}
#ele_charac table th {
	white-space: nowrap;
}
#ele_charac table {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
	line-height: 150%;
	margin: 4px 0 12px;
	text-align: center;
}
#ele_charac table th {
	background: url("../image/th_col_bg.png") no-repeat scroll left top #FAF0F0;
	border-bottom: 1px solid #EDCBCB;
	border-right: 1px dotted #CCCCCC;
	font-weight: bold;
	padding: 2px 5px;
	text-align: center;
	vertical-align: middle;
}
#ele_charac table td {
	border-bottom: medium none;
	border-right: 1px dotted #CCCCCC;
	padding: 2px 5px;
	text-align: center;
	vertical-align: middle;
}
#ele_charac table td.even {
	background-color: #F0F0F6;
}

#maincontents #documents table {
	border: medium none;
	margin-top: 1em;
	width: 100%;
}
#maincontents #documents table tr {
	background: url("../image/top-dotted.gif") no-repeat scroll center bottom #FFFFFF;
	border: medium none;
}
#maincontents #documents table th {
	background: url("../image/top-dotted.gif") no-repeat scroll center bottom #FFFFFF;
	border: medium none;
	font-weight: bold;
	width: 25%;
}
#maincontents #documents table td.title {
	background: url("../image/top-dotted.gif") no-repeat scroll center bottom #FFFFFF;
	border: medium none;
	padding: 10px;
	text-align: left;
	width: 55%;
}
#maincontents #documents table td.size {
	border: medium none;
	text-align: left;
	width: 20%;
}


/*====================================================================
 contents
====================================================================*/
.contentSec {
	margin: 0 0 20px 0;
}

#colLeft #searchArea {
	zoom: 1;
	background: url(../image/cmn/search_bg_03.gif) left bottom no-repeat;
	width: 210px;
	font-size: 80%;
	line-height: 1.4;
}
#colLeft #searchArea #searchAreaInner {
	zoom: 1;
	background: url(../image/cmn/search_bg_02.gif) left top no-repeat;
	padding: 4px 4px 1px;
}
#colLeft #searchArea #searchAreaInner #searchBox01{
	zoom: 1;
	background: url(../image/cmn/search_bg_05.gif) left bottom no-repeat;
	margin: 0 0 3px 0;
}

#colLeft #searchArea #searchAreaInner #searchBox01Inner{
	zoom: 1;
	background: url(../image/cmn/search_bg_04.gif) left top no-repeat;
	padding: 10px 7px;
}
#colLeft #searchArea #searchAreaInner #searchBox01Inner select {
	width: 140px;
	border: 1px solid #7b9ebd;
	vertical-align: middle;
	font-size: 100%;
}
#colLeft #searchArea #searchAreaInner #searchBox01Inner input {
	vertical-align: middle;
}
#colLeft #searchArea #searchAreaInner #searchBox02{
	zoom: 1;
	background: url(../image/cmn/search_bg_07.gif) left bottom no-repeat;
	margin: 0 0 3px 0;
}

#colLeft #searchArea #searchAreaInner #searchBox02Inner{
	zoom: 1;
	background: url(../image/cmn/search_bg_06.gif) left top no-repeat;
	padding: 10px 7px;
}
#colLeft #searchArea #searchAreaInner #searchBox02Inner dl {
	margin: 0 0 8px 0;
}
#colLeft #searchArea #searchAreaInner #searchBox02Inner select {
	width: 188px;
	border: 1px solid #7b9ebd;
	vertical-align: middle;
	font-size: 100%;
}
#colLeft #searchArea #searchAreaInner #searchBox02Inner input {
	vertical-align: middle;
}
#colLeft #searchArea #searchAreaInner #searchBox02Inner input.textBox {
	width: 139px;
	border: 1px solid #7b9ebd;
	vertical-align: middle;
}
#colLeft #searchArea #searchAreaInner #searchBox02Inner optgroup {
	color: #BBBBBB;
	font-style: normal;
}
#colLeft #searchArea #searchAreaInner #searchBox02Inner optgroup option {
	color: #333333;
	padding-left: 1em;
}
	
#colLeft #searchArea #searchAreaInner #searchBox01Inner dt,
#colLeft #searchArea #searchAreaInner #searchBox02Inner dt{
	margin: 0 0 3px 0;
}
	
#colLeft #searchArea #searchAreaInner #searchBox01Inner dd,
#colLeft #searchArea #searchAreaInner #searchBox02Inner dd{
	margin: 0;
}

.text-l-col {
	width: 340px;
	margin: 0 0 10px;
	float: left;
}
.text-r-col {
	width: 340px;
	margin: 0 0 10px;
	float: right;
}

.text-l-col02 {
	width: 460px;
	float: left;
}
.text-r-col02 {
	width: 460px;
	float: right;
}

.col3Box01 {
	width: 300px;
	float: left;
}
.col3Box01C {
	width: 300px;
	float: left;
	margin: 0 20px;
}

.leadArea {
	background: #f8e6e6;
	border: 1px solid #ecc6c6;
	padding: 9px 14px 6px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.leadArea ul {
	margin: 0 !important;
}
.leadArea ul li {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_18.gif) left 5px no-repeat !important;
	padding: 0 0 0 18px !important;
	margin: 4px 0 !important;
}

ul.leadArea {
	background: #f8e6e6;
	border: 1px solid #ecc6c6;
	padding: 9px 14px 6px;
	margin: 0 0 10px 0 !important;
	font-weight: bold;
}
ul.leadArea li {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_18.gif) left 5px no-repeat !important;
	padding: 0 0 0 18px !important;
	margin: 4px 0 !important;
}

.newstopics .icon-topics {
	zoom: 1;
	background: url(../image/cmn/news_ico_01.gif) left 4px no-repeat !important;
	padding: 0 0 0 80px !important;
	margin: 0 0 0.5em 0 !important;
}
.newstopics .icon-news {
	zoom: 1;
	background: url(../image/cmn/news_ico_02.gif) left 4px no-repeat !important;
	padding: 0 0 0 80px !important;
	margin: 0 0 0.5em 0 !important;
}

#chapterNav,
.yui-nav,
.yui-navset,
#pagetab {
	border-bottom: 1px solid #999999;
	margin: 0 0 20px 0;
}
#chapterNav li,
.yui-nav li,
#pagetab li {
	zoom: 1;
	background: url(../image/cmn/new_tab_01.gif) left -31px no-repeat !important;
	float: left;
	font-size: 90%;
	font-weight: bold;
	padding: 0 !important;
	margin: 0 0 -1px 4px !important;
}
#chapterNav li#chapterOn,
.yui-nav li.selected,
#pagetab li#page-select {
	zoom: 1;
	background: url(../image/cmn/new_tab_01.gif) left top no-repeat !important;
}
#chapterNav li a,
.yui-nav li a,
#pagetab li a {
	zoom: 1;
	background: url(../image/cmn/new_tab_02.gif) right -31px no-repeat !important;
	display: block;
	height: 25px;
	color: #585858;
	text-align: center;
	text-decoration: none;
	padding: 6px 10px 0;
}
#chapterNav li#chapterOn a,
.yui-nav li.selected a,
#pagetab li#page-select a {
	zoom: 1;
	background: url(../image/cmn/new_tab_02.gif) right top no-repeat !important;
	display: block;
	height: 25px;
	color: #585858;
	text-align: center;
	text-decoration: none;
	padding: 6px 10px 0;
}
#chapterNav:after,
.yui-nav:after,
.yui-navset:after,
#pagetab:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#chapterNav,
.yui-nav,
.yui-navset,
#pagetab {
	zoom: 1;
}

.related-box {
	border: 1px solid #bcbcbc;
	border-radius: 4px;		/* CSS3草案 */  
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */  
	zoom: 1;
	background: url(../image/cmn/related_bg_01.gif) left top repeat-x #ffffff;
	margin: 18px 0 20px;
}
.related-box dl {
	margin: 0 !important;
}
.related-box dt {
	border: 1px solid #e4e4e4;
	zoom: 1;
	background: url(../image/cmn/h2_bg_01.gif) 5px center no-repeat #efefef !important;
	background: url(../image/cmn/h2_bg_01.gif) 5px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c7c7c7)) !important;/* webkit */
	background: url(../image/cmn/h2_bg_01.gif) 5px center no-repeat, -moz-linear-gradient(top,  #f5f5f5,  #c7c7c7) !important;/* fx */
	font-size: 120%;
	padding: 5px 7px 5px 15px !important;
	margin: 0 !important;
}
.related-box h2 {
	border: 1px solid #e4e4e4;
	zoom: 1;
	background: url(../image/cmn/h2_bg_01.gif) 5px center no-repeat #efefef !important;
	background: url(../image/cmn/h2_bg_01.gif) 5px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c7c7c7)) !important;/* webkit */
	background: url(../image/cmn/h2_bg_01.gif) 5px center no-repeat, -moz-linear-gradient(top,  #f5f5f5,  #c7c7c7) !important;/* fx */
	font-size: 120%;
	padding: 5px 7px 5px 15px !important;
	margin: 0 !important;
}
.related-box dd {
	border-top: 1px solid #bcbcbc;
	padding: 13px;
	margin: 0 !important;
}
.related-box .fl {
	width: 326px;
	float: left;
}
.related-box .fr {
	width: 326px;
	float: right;
}
#colRight .related-box dl dd dl dt,
#colum1 .related-box dl dd dl dt {
	background: url(../image/cmn/cmn_ico_22.gif) left 4px no-repeat !important;
	border: none;
	padding: 0 0 0 18px !important;
	margin: 0 0 10px 0 !important;
	font-size: 100% !important;
	font-weight: bold !important;
}
#colRight .related-box dl dd dl dd,
#colum1 .related-box dl dd dl dd {
	border: none;
	margin: 0 0 0 18px !important;
	padding: 0 !important;
}
.related-box .related-boxInner {
	border-top: 1px solid #bcbcbc;
	padding: 13px;
}
.related-box .related-boxInner .text-l-col {
	width: 327px;
	float: left;
}
.related-box .related-boxInner .text-r-col {
	width: 327px;
	float: right;
}
.related-box .related-boxInner .text-l-col02 {
	width: 447px;
	float: left;
}
.related-box .related-boxInner .text-r-col02 {
	width: 447px;
	float: right;
}

.conBox_prof {
	zoom: 1;
	background: url(../image/cmn/con_bg_01.jpg) right bottom no-repeat;
	height: 210px;
	padding: 0 0 0 5px;
}

.conBox_env {
	zoom: 1;
	background: url(../image/cmn/con_bg_02.jpg) right top no-repeat;
	height: 210px;
	padding: 0 0 0 5px;
}

.conBox_rec {
	zoom: 1;
	background: url(../image/cmn/con_bg_03.jpg) right bottom no-repeat;
	height: 210px;
	padding: 0 0 0 5px;
}

.conBox_news {
	zoom: 1;
	background: url(../image/cmn/con_bg_04.jpg) right bottom no-repeat;
	height: 210px;
	padding: 0 0 0 5px;
}

.contactBox01,
.contactBox02{
	border: 1px solid #999999;
	padding: 14px;
}
.contactBox01 p {
	width: 107px;
	float: left;
}
.contactBox01 dl {
	width: 320px;
	float: left;
}
.contactBox01 dt {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_02.gif) right center no-repeat;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.contactBox01 dd span {
	font-size: 80%;
	color: #666666;
}

.wrap-topic {
	margin: 18px 0;
}

#newp_latest {
	margin: 1em 0;
}

.image-icon-box-160x3:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	margin-bottom: 1em;
	visibility: hidden;
}
.image-icon-box-160x3 ul {
	margin: 0;
	padding: 0;
}
.image-icon-box-160x3 ul li {
	display: block;
	float: left;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	width: 180px;
}

.appli_thumb_menu {
	width: 700px;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.appli_thumb_menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.appli_thumb_menu ul li {
	display: block;
	float: left;
	background: none !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	text-align: center;
	width: 110px;
}
.appli_thumb_menu li p {
	font-size: 83.3%;
	height: 4em;
}
.appli_thumb_menu:after {
	clear: left;
	content: ".";
	display: block;
	height: 0;
	margin-bottom: -1em;
	visibility: hidden;
}

.imgBox01 p {

	float: left;
	width: 80px;
	margin: 0 0 0 5px !important;
}
.imgBox01 ul {
	float: left;
	width: 360px;
	margin: 0 0 0 10px !important;
}

#map_canvas {
	margin-bottom: 0.8em !important;
}

.factory-image {
	float: left;
	margin-right: 10px;
}

#colRight #compsearch {
	zoom: 1;
	background: url(../image/cmn/search_bg_09.gif) left bottom no-repeat;
}
#colRight #compsearch fieldset {
	zoom: 1;
	background: url(../image/cmn/search_bg_08.gif) left top no-repeat;
	padding: 15px 30px;
	line-height: 1.4;
}
#colRight #compsearch fieldset label span {
	display: inline-block;
	width: 5em;
	margin: 0 1em 0 0;
	text-align: right;
}
#colRight #compsearch fieldset input,
#colRight #compsearch fieldset select {
	vertical-align: bottom;
}
#colRight #compsearch fieldset input#pnum {
	border: 1px solid #abadb3;
	width: 196px;
	height: 19px;
}
*+html #colRight #compsearch fieldset input#pnum {
	height: 16px;
	padding: 3px 0 0;
}
#colRight #compsearch fieldset select {
	border: 1px solid #abadb3;
	width: 198px;
	height: 19px;
}
*+html #colRight #compsearch fieldset select {
	font-size: 95%;
}
#colRight #compsearch fieldset input#search {
	margin: 0 0 0 5px;
}
#colRight #compsearch fieldset .note {
	margin: 5px 0 0 6em;
	font-size: 90%;
	color: #666666;
}

#colum1 .image-l-col {
	float: left;
	width: 270px;
	margin: 0 0 10px;
	text-align: center;
}

#colum1 .image-r-col {
	float: right;
	width: 270px;
	margin: 0 0 10px;
	text-align: center;
}

.image-icon-box-125x4 {
	clear: both;
	margin-bottom: 1em;
}
.image-icon-box-125x4:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	margin-bottom: 1em;
	visibility: hidden;
}
.image-icon-box-125x4 ul {
	margin: 0;
	padding: 0;
}
.image-icon-box-125x4 ul li {
	display: block;
	float: left;
	list-style: none outside none;
	background: none !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	text-align: center;
	width: 150px;
}

#contentMenuArea {
	margin: 0 0 15px;
}
.container {
	zoom: 1;
	margin: 0 0 10px;
	display: inline-block;
}
.grid3 {
	display: block;
}
.grid3 {
	zoom: 1;
	margin: 0 0 10px;
	display: inline-block;
}
.grid3 .column:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.grid3 .first-item {
	padding: 0 10px 0 0;
}
.grid3 .second-item {
	padding: 0 10px;
}
.grid3 .last-item {
border: none;
padding: 0 0 0 10px;
}
.grid3 .column {
	float: left;
	width: 220px;
	display: inline;
}

.asic .text-l-col {
	width: 170px;
	float: left;
}

#pager {
	color: #777!important; 
}
#pager p {
	display: inline;
}
#pager a {
	padding: 4px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #555!important; 
}
#pager a:hover, #pager a:active {
	text-decoration: underline;
	color: #a10c18!important;
}
#pager strong {
	padding: 4px 8px;
	background-color: #777;
	color: #fff;
}

#mcup_cont {
	width: 550px;
	margin: 0 auto;
}
#mcup_cont .section1 .text-l-col,
#mcup_cont .section1 .text-r-col {
	width: 270px !important;
}

/*2 columns layout, Microcomputer-Selection*/
#colRight .section-mcs {
	width: 550px;
}
#colRight .section-mcs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#colRight .section-mcs .l-col {
	width: 230px;
	float: left;
	margin: 0 0 10px;
}
#colRight .section-mcs .r-col {
	float: right;
	width: 300px;
	margin: 0 0 10px;
}
#colRight .section-mcs .r-col table {
	width: 300px;
}
#colRight .section-mcs .r-col img {
	margin: 0px auto 8px;
}

.contentSec {
	clear: both;
}
.contentSec {
	zoom: 1;
}
.contentSec:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}